<template>
  <div class="wrapper">
    <vueMiniPlayer
      ref="vueMiniPlayer"
      :video="video"
      :mutex="true"
      @fullscreen="handleFullscreen"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      video: {
        // url:"video.699pic.com/videos/42/14/40/b_0Z8WHiRkVFBV1619421440.mp4",
        //video.699pic.com/videos/42/14/40/b_0Z8WHiRkVFBV1619421440.mp4
        // url: "http://47.105.206.28/videos/wangkun.mp4",
        // cover: "https://i.loli.net/2019/06/06/5cf8c5d9c57b510947.png",
        url:"https://api.dogecloud.com/player/get.mp4?vcode=5ac682e6f8231991&userId=17&ext=.mp4",
        cover: "https://i.loli.net/2019/06/06/5cf8c5d9c57b510947.png", // 视频海报
        muted: false,
        loop: false,
        preload: "auto",
        poster: "",
        volume: 1,
        autoplay: true, // 自动播放
      },
    };
  },
  computed: {
    $video() {
      return this.$refs.vueMiniPlayer.$video;
    },
  },
  methods: {
    handleFullscreen() {}
  }
};
</script>

<style lang="scss" scope>
</style>